﻿@charset "utf-8";
/* CSS Document */
.sidenavtion, .sidenavtion ul, .sidenavtion li, .sidenavtion a, .sidenavtion span {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
.sidenavtion li {
	list-style: none;
}
/* Layout & Style */
.sidenavtion li > a {
	display: block;
	position: relative;
	padding: 10px;
	height: 24px;
	color: #95a0aa;
	font: bold 14px Arial, sans-serif;
	text-decoration: none;
	border-bottom: 1px #3b3b43 solid;
	background-image: url('images/arrowright.png');
	background-position: 180px center;
	background-repeat: no-repeat;
}
.sidenavtion li > a img {
	margin-bottom: -5px;
	margin-right: 10px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	width: 18px;
}
.sidenavtion > li:hover > a, .sidenavtion > li:target > a, .sidenavtion > li > a.active {
	color: #fff;
	background: #1fb5ad;
	background-image: url('images/arrowdown.png');
	background-position: 175px center;
	background-repeat: no-repeat;
}
.sidenavtion > li:hover > a img, .sidenavtion > li:target > a img, .sidenavtion > li > a.active img {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* Images */
.sidenavtion > li > a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	margin: 4px 8px;
}
/* Sub Menu */
.sub-menu li a {
	color: #8b8b8b;
	background: #414149;
	border-bottom: 1px solid #52525a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 20px;
}
.sub-menu li a img {
	margin-right: 2px;
	margin-bottom: -3px;
}
.sub-menu li:hover a {
	background: #4c4c53;
	color: #ccc;
}
.sub-menu li:last-child a {
	border: none;
}
/* Functionality */
.sidenavtion li > .sub-menu {
	display: none;
}
.sidenavtion li:target > .sub-menu {
	display: block;
}

li.thissubmenu a {
background: #5d7278!important;
color: #fff!important;
}
